<template>
  <!--1. 演示setup函数 -->
  <!-- <v-setup></v-setup> -->

  <!--2. 演示ref函数的使用 -->
  <!-- <v-ref></v-ref> -->

  <!--3. 演示reactive函数的使用 -->
  <!-- <v-reactive></v-reactive> -->

  <!--4. 响应式数据判断 -->
  <!-- <v-is></v-is> -->

  <!-- 7.toRefs -->
  <!-- <v-torefs></v-torefs> -->

  <!-- 8.计算属性 -->
  <!-- <v-computed></v-computed> -->

  <!-- 9.监听器 -->
  <v-watch></v-watch>
</template>

<script>
import vSetup from "./components/01_setup/index.vue"
import vRef from "./components/02_ref函数/index.vue"
import vReactive from "./components/03_reactive函数/index.vue"
import vIs from "./components/04_响应式数据判断/index.vue"
import vTorefs from "./components/07_toRefs/index.vue"
import vComputed from "./components/08_computed计算属性/index.vue"
import vWatch from "./components/09_watch监听/index.vue"
export default {
  components:{
    vSetup,
    vRef,
    vReactive,
    vIs,
    vTorefs,
    vComputed,
    vWatch
  }
}
</script>

<style>
.box{
  margin: 20px;
  padding: 20px;
  border: 2px solid orange;
}
</style>